<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=7"/>
    <title>[sys:sitename]</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link href="/statics/css/freesky/frame.css" rel="stylesheet" type="text/css"/>
    <link href="/statics/css/freesky/group.css" rel="stylesheet" type="text/css"/>
    <!--[if lte IE 8]>
    <script src="/statics/js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="/statics/js/jquery.min.js"></script>
</head>
<body>
<div class="wrapper">
    <!--#include file="top.html"-->
    <div class="path">
        <a href="/">首页</a> >
        <!--vo:nav-->
        <a href="[vo:curl]">[vo:name]</a> >
        <!--/nav-->
    </div>
    <div class="p1">
        <div class="p1title" style="font-size: 24px; font-weight: bold;">[info:name]</div>
        <div class="c e-20"><img width="960" height="1" src="/statics/images/freesky/line960.jpg"></div>
        <div class="c e-20"></div>
        <div class="group_list">
            <div class="inner">
                <!--vo:loop-->
                <dl>
                    <dt class="group_avatar"><a href="[vo:aurl]" title="[vo:title]"><img
                            src="<?php echo str_replace('/thumb_', '/thumb_300_160_', $vo['pic']); ?>" width="300" height="160"></a><a
                            href="[vo:aurl]" title="[vo:title]" class="mask"><span class="name">[vo:title]</span><span
                            class="post_cn">[vo:description]</span><span class="post_en"></span></a></dt>
                    <dd><span><a href="[vo:aurl]">+ More Details</a></span>[vo:title]</dd>
                </dl>
                <!--/loop-->
            </div>
        </div>
        <div class="pages">{$page}</div>
    </div>
    <div class="c e-20"></div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('.group_avatar').hover(
                function () {
                    var o = $(this).find('a');
                    o.animate({top:0}, 300, 'linear', function () {
                    });
                },
                function () {
                    var o = $(this).find('a');
                    o.animate({top:160}, 300, 'linear', function () {
                    });
                }
        );
    });
</script>
<!--#include file="bottom.html"-->
</body>
</html>